// 实现使用函数调用tizi-message组件的逻辑
import { createVNode, render } from "vue";
import TiziMessage from './tizi-message.vue'

// 准备dom容器
const div = document.createElement('div')
div.setAttribute('class', 'tizi-message-container')
document.body.appendChild(div)
    // 定时器标识
let timer = null

export default ({ type, text }) => {
    // 实现：根据tizi-message.vue渲染消息提示
    // 1.导入组件
    // 2.根据组件创建虚拟节点
    const vnode = createVNode(TiziMessage, { type, text })
        // 3.准备一个dom容器
        // 4.把虚拟节点渲染dom容器中
    render(vnode, div)
        // 5.开启定时，移出dom容器内容
    clearTimeout(timer)
    timer = setTimeout(() => {
        render(null, div)
    }, 3000)
}